/**
 * 这里用来写JS代码
 * Page指的是当前面的方法
 */
Page({

  /**
   * 页面的初始数据
   * 这个data就是负责页面的数据，在这里定义的数据，页面可以访问
   */
  data: {
    navType: 0,
    isShowRecommendListComponent: true,
    isShowVideoListComponent: true,
    isShowImageListComponent: true,
    isShowJokeListComponent: true
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {



  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
      
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    //需要去判断到底是在哪个栏目在进行下拉刷新
    if (this.data.navType == 0) {
      wx.removeStorageSync('recommendList');
      this.selectComponent("#recommendListComponent").getRecommendList();
    } else if (this.data.navType == 1) {
      wx.removeStorageSync('videoList');
      this.selectComponent("#videoListComponent").getVideoList();

    } else if (this.data.navType == 2) {
      wx.removeStorageSync('imageList');
      this.selectComponent("#imageListComponent").getImageList();
    } else if (this.data.navType == 3) {
      //在这个里面，我们应该去调用组件jokeList里面的getJokeList()方法
      //先删除缓存里面的值
      wx.removeStorageSync('jokeList');
      //id使用#来进行表示
      this.selectComponent("#jokeListCommponent").getJokeList();
    }

  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    wx.showShareMenu({
      withShareTicket: true,
      success: () => {
        wx.showToast({
          title: '分享成功',
          icon: "none"
        });
      },
      fail: () => {
        wx.showToast({
          title: '分享失败',
          icon: "none"
        });
      }
    });
  },

  //当用户点击头部导航栏的时候的事件
  //小程序的事件在调用方法的时候，默认会注入一个事件参数event
  changeTopNav(event) {
    //data-navtype         event.currentTarget.dataset.navtype;
    //这样我们就得到了导航栏被点击的类型
    var navType = event.currentTarget.dataset.navtype;
    this.setData({
      //属性名：值
      navType: navType
    });
  },
  //轮播改变的时候所调用的方法
  swiperChange(event) {
    var current = event.detail.current; //代表当前所处于第几个滑块
    //我能不能把这里的current赋值到页面上面的navType呢，navType发生改变以后，样式就发生了改变
    this.setData({
      navType: current
    });
    if (current == 1 && this.data.isShowVideoListComponent == false) {
      setTimeout(() => {
        this.setData({
          isShowVideoListComponent: true
        });
      }, 200);
    } else if (current == 2 && this.data.isShowImageListComponent == false) {
      setTimeout(() => {
        this.setData({
          isShowImageListComponent: true
        });
      }, 200);
    } else if (current == 3 && this.data.isShowJokeListComponent == false) {
      setTimeout(() => {
        this.setData({
          isShowJokeListComponent: true
        });
      }, 200);
    }

  }

})